<%
	require 'date'
	require 'page_helper'
	require 'task_list/task_list_manager'
	require 'task_list/task'

	helper = ToDoDashPageHelper.new
	login = helper.try_login
	if not login then
		# ログインに失敗した場合
		helper.redirect_to("login.rhtml")
	else
		# ログインに成功した場合
		# タスクコントローラーを取得
		taskListManager = TaskListManager.new

		#user-idの取得
		user_id = helper.get_account().id

		#検索条件
		searchQuery = helper.get_parameter('search-query') == "" ? "s:undone" : helper.get_parameter('search-query')

		#一覧の読み込み
		#一覧の取得(検索で指定されたものを取得)
		tasks = taskListManager.search(user_id, searchQuery)
%>

<!-- TODO:文書型宣言をしないとIEでのデザインが崩れる -->
<!-- TODO:が、今のままの構造では、文書型宣言をするとFireFoxでデザインが崩れる・・・ -->
<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">-->
<html lang="ja">
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<meta http-equiv="Content-Script-Type" content="text/javascript">
		<title>TODOリスト</title>
				
		<!-- スタイルシートの読み込み-->
		<link rel="stylesheet" type="text/css" href="css/base.css">
		<!-- JavaScriptの読み込み -->
		<script type="text/javascript" src="js/view_helper.js"></script>
	</head>

	<!-- contents definition -->
	<body onload="adjustPageHeightOnResize();" onresize="adjustPageHeightOnResize();" >
		<div id="container">
		<table id="main-contents" summary="レイアウト調整のためだけのテーブル。">
			<tr id="upper">
				<td id="left-upper">
					<div id="logo-box">
						<img src="hoge" alt="TODO_LOGO" title="ここのロゴは誰が作るの？" id="logo">
					</div>
				</td>
				<td id="right-upper">
					<div id="search-box">
						<form method="GET" action="main.rhtml">
							<p><input type="text" name="search-query" id="search-conditions" size="50">
							<input type="submit" value="search"></p>
						</form>
					</div>
					<div id="logout">
						<form method="post" action="logout.rhtml" id="logout-ancher">
							<a href="javascript:doPostToLogout();">ログアウト</a>
						</form>
					</div>
				</td>
			</tr>
			<tr id="lower">
				<td id="left-lower">
					<div id="left-panel">
						<div id="calendarContainer">
							<b>カレンダーの予定</b>
						</div>
						<div id="tagTree">
							<div id="tagTree-title">
								<b>タグリストの予定</b>
							</div>
						</div>
					</div>
				</td>
				<td id="right-lower">
					<!-- begin center area definition -->
					<div id="center-panel">
						<div id="center-panel-header">
							<p>クエリ文字列：<%= searchQuery%></p>
							<p>現在のタスク数：<%= tasks.size%></p>
							<form action="add_task.rhtml" id="add-task" method="post" accept-charset="utf-8">
								<p><a href="javascript:doPostToAddTask();">Add Task</a></p>
							</form>
						</div>
						<div id="task-box-list">
							<!-- ここにタスクが動的に追加される -->
							<!-- TODO:新しいものを上に持ってくる -->
							<% if tasks != nil 
								tasks.each_with_index { |t, i| %>
								<!-- TODO:検証必要。add時にデフォルト値でnowを入れているので、以下のコードは冗長？ -->
								<% due = t.due != nil ? t.due : DateTime.now %>
									<div class="task">
										<form name="task_form" action="update_task.rhtml" method="post" accept-charset="utf-8">
											<p>id：<%= t.id%> 	完了<input type="checkbox" name="done" value="on" <%= t.done == true ? checked="checked" : '' %>></p>
											<p>タイトル：<input class="title" type="text" name="title" value="<%= t.title%>" maxlength="1000" size="40"></p>
											<p class="warn">TODO : 2/31や閏年はチェックできない。</p>
											<p>締め日時：<input class="due_year" type="text" name="due_year" value="<%= due.year%>" maxlength="4" size="4">年
													  <input class="due_month" type="text" name="due_month" value="<%=due.month%>" maxlength="2" size="2">月
													  <input class="due_day" type="text" name="due_day" value="<%=due.day%>" maxlength="2" size="2">日
													  <input class="due_hour" type="text" name="due_hour" value="<%=due.hour%>" maxlength="2" size="2">時
													  <input class="due_minute" type="text" name="due_minute" value="<%=due.min%>" maxlength="2" size="2">分
													  <input class="due_second" type="text" name="due_second" value="<%=due.sec%>" maxlength="2" size="2">秒</p>
											<p><input type="hidden" name="task_id" value="<%= t.id%>"></p>
											<p><input type="submit" value="更新" onclick="return checkInputs(<%= i%>);"></p>
										</form>
										<form name="remove_anchor" action="remove_task.rhtml" class="remove_task" method="post" accept-charset="utf-8">
											<p><a href="javascript:doPostToRemoveTask(<%= i%>);">Remove task</a>
											<input type="hidden" name="task_id" value="<%= t.id%>"></p>
										</form>
									</div>
							<%}
							   end %>
						</div>
					</div>
					<!-- end center area definition -->
				</td>
			</tr>
		</table>
		</div>
	</body>
</html>
<%
	end
%>